@import "colors.scss";
.service {
    background-color: #F0F1F3;
    h1 {
        color: $main-text;
        font-size: 48px;
        font-weight: 600;
    }
    .text-out {
        color: $gray-400;
        font-size: 18px;
    }
    .colored-btn {
        background-color: $primary_color_btn;
        border-color: $primary_color_btn;
        color: white;
    }
    .colored-btn:hover {
        background-color: $secondary_color_btn;
        border-color: $secondary_color_btn;
        color: white;
    }
    .colored-btn:active {
        background-color: $secondary_color_btn !important;
        border-color: white !important;
        color: white !important;
    }
    .pb {
        color: $main-text;
        font-size: 24px;
        font-weight: 600;
    }
    .ps {
        color: $gray-700;
        font-size: 18px;
    }
    .colored-cards .bg-body {
        border-left: 5px solid white;
    }
    .colored-cards .bg-body:hover {
        box-shadow: 0 .5rem 1rem rgba(black, .15);
        border-left: 5px solid $primary_color_btn;
    }
}